<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<link rel="stylesheet" href="css/m_public.css" />
		<link rel="stylesheet" href="css/m_index.css" />
		<link rel="stylesheet" href="res/swiper.min.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="res/swiper.min.js" ></script>
		<title>首页</title>
	</head>
	<body>
		<!----------------------头部模块-------------------------->
		<header>
			<h1>纽曼电器</h1>
		</header>
		<!----------------------banner模块-------------------------->
		<div class="banner">
								<!-- Swiper -->
    		<div class="swiper-container">
        		<div class="swiper-wrapper">
            		<div class="swiper-slide"><a href="#"><img src="img/banner1.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner2.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner3.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner4.jpg" /></a></div>
            		<div class="swiper-slide"><a href="#"><img src="img/banner5.jpg" /></a></div>
        		</div>
        					<!-- Add Pagination -->
        		<div class="swiper-pagination"></div>
    		</div>
    	</div>
    				<!-- Swiper JS -->
    	<script>
    		var swiper = new Swiper('.swiper-container', {
        		pagination: '.swiper-pagination',
				autoplay:3000,
				grabCursor: true,
    			paginationClickable: true,
				loop:true
    		});
    	</script>	
		<!----------------------二级导航模块-------------------------->
		<nav>
			<ul>
				<li>
					<a href="product.html">
						<img src="img/nav_pic1.png" alt="nav_pic1" />
						<span>产品中心</span>
					</a>
				</li>
				<li>
					<a href="news.html">
						<img src="img/nav_pic2.png" alt="nav_pic2" />
						<span>新闻中心</span>
					</a>
				</li>
				<li>
					<a href="about.html">
						<img src="img/nav_pic3.png" alt="nav_pic3" />
						<span>关于我们</span>
					</a>
				</li>
				<li>
					<a href="contact_us.html">
						<img src="img/nav_pic4.png" alt="nav_pic4" />
						<span>联系我们</span>
					</a>
				</li>
			</ul>
		</nav>
		<!----------------------主体内容模块-------------------------->
						<!---------产品中心----------->
		<div class="product">
			<div class="swiper-container">
				<div class="top">
					<h2>热销产品&nbsp;/</h2>
					<h3>推荐产品</h3>
				</div>
														<!--轮播-->
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<ul>
							<li>
								<a href="product.html">
									<img src="img/pro_list1.jpg" />
									<span>微波炉-MA323BFS</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list2.jpg" />
									<span>迷你风扇-HE-1359</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list3.jpg" />
									<span>打印机-DJ-360</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list4.jpg" />
									<span>电饭锅-RC-10ZWH</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="swiper-slide">
						<ul>
							<li>
								<a href="product.html">
									<img src="img/pro_list1.jpg" />
									<span>微波炉-MA323BFS</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list2.jpg" />
									<span>迷你风扇-HE-1359</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list3.jpg" />
									<span>打印机-DJ-360</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list4.jpg" />
									<span>电饭锅-RC-10ZWH</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="swiper-slide">
						<ul>
							<li>
								<a href="product.html">
									<img src="img/pro_list1.jpg" />
									<span>微波炉-MA323BFS</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list2.jpg" />
									<span>迷你风扇-HE-1359</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list3.jpg" />
									<span>打印机-DJ-360</span>
								</a>
							</li>
							<li>
								<a href="product.html">
									<img src="img/pro_list4.jpg" />
									<span>电饭锅-RC-10ZWH</span>
								</a>
							</li>
						</ul>
					</div>
				</div>
													<!--轮播分页器-->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<script>
    		var swiper = new Swiper('.swiper-container', {
        		pagination: '.swiper-pagination',
				autoplay:3000,
				grabCursor: true,
    			paginationClickable: true,
				loop:true
    		});
    	</script>
    						<!---------新闻中心----------->
    	<div class="news">
    		<div class="top">
				<h2>公司新闻</h2>
				<a class="fr" href="news.html">more</a>
			</div>
			<div class="content">
				<ul>
					<li>
						<div class="news_date fl">
							<div class="date_top">
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
							</div>
							<b>12</b>
							<i>2016.03</i>
						</div>
						<div class="news_cont fr">
							<h4><a href="news.html">正品控宣言：让商品拥有独一无二的身</a></h4>
							<p><a href="news.html">今天，中国家电及消费电子博览会(Appliance
&electronics World Expo，简称AWE)圆满落幕，
展会吸引了包括消费电子、智能家电、白色家电、
厨房电器、生活电器、环境家电及家电配件等</a></p>
						</div>
					</li>
					<li>
						<div class="news_date fl">
							<div class="date_top">
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
							</div>
							<b>12</b>
							<i>2016.03</i>
						</div>
						<div class="news_cont fr">
							<h4><a href="news.html">2016年中国家电发展高峰论坛文字实录</a></h4>
							<p><a href="news.html">马洪涛：尊敬的各位家电行业的大佬，尊敬的
各位媒体同行，尊敬的各位来宾，大家下午好，我
是中央电视台财经频道的主持人马洪涛，非常高兴
能够再一次为大家主持中国家电发展高峰论坛</a></p>
						</div>
					</li>
					<li>
						<div class="news_date fl">
							<div class="date_top">
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
								<img src="img/date_pic.png" />
							</div>
							<b>12</b>
							<i>2016.03</i>
						</div>
						<div class="news_cont fr">
							<h4><a href="news.html">美的焖香鼎釜IH智能电饭煲全球首发</a></h4>
							<p><a href="news.html">还记得儿时的柴火饭吗?奶奶在灶台上忙这忙
那，爷爷坐在灶膛前，一把一把的往里塞柴禾，
而我们则趴在饭桌上，急切地等待着香喷喷的米饭
出锅。在我们的记忆中，用灶台焖出的米饭又香</a></p>
						</div>
					</li>
				</ul>
    		</div>
    	</div>
    							<!---------公司介绍----------->
    	<div class="about_us">
    		<div class="top">
				<h2>公司简介</h2>
			</div>
			<div class="content">
				<a href="about.html">
					<img src="img/about_pic.jpg" />
				</a>
				<p>
					<a href="about.html">纽曼是一家集研发、制造、销售、服务为一体的高新技术企业。公司创建以来，坚持并发扬以“两个目标、四剑八和、十字精神”为核心的纽曼企业文化，使公司得以持续、健康、和谐的发展，迅速成长为中国数码行业的旗舰企业。旗下产品跨越专业及消费数码产品领域，涵盖MP3/MP4/MP5、GPS导航仪、手机、优盘、 移动硬盘、电子书、数码相机/摄像机、汽车影音产品、数码相框、教育电子产品、录音笔、刻录光盘、耳机等二十大系列产品。经过十年品牌建设，在数千万纽曼用户的支持下，成为目前中国数码行业最知名的品牌之一。</a>
				</p>
			</div>
    	</div>
    						  <!---------联系我们----------->
    	<div class="contact_us">
    		<div class="top">
				<h2>给我留言</h2>
			</div>
			<div class="content">
				<form>
					<input type="text" placeholder="请输入您的姓名" />
					<input type="text" id="callme" placeholder="请输入您的邮箱/手机/QQ" />
					<textarea onfocus="if(this.value=='请输入您的留言')this.value=''" onblur="if(this.value=='')this.value='请输入您的留言'">请输入您的留言</textarea>
					<input id="submit" type="submit" value="提交留言" />
					<input id="reset" type="reset" value="重置信息" />
				</form>
			</div>
    	</div>
	</body>
</html>
